.technology-box
  position: relative
  >.content-list
    position: relative
    >.top
      width: 100%
      margin: 2rem 0
      >ul
        position: relative
        >li
          display flex
          padding 0 2rem
          >.left
            flex 6
            border-bottom .1rem solid #f1f1f1
            padding-bottom: 1rem
            >.title
              font-size: 2.2rem
              font-weight: 600
              color #000
              cursor pointer
              margin-top: 1.5rem
              &:hover
                text-decoration underline
            >.a-content
              margin: 0 0 .8rem;
              font-size: 1.4rem
              line-height: 2.4rem
              color: #999;
              overflow hidden
              text-overflow ellipsis
              display -webkit-box
              -webkit-line-clamp 2
              -webkit-box-orient vertical
            >.bottom
              width: 100%
              display flex
              align-items center
              >span
                margin: 0 1rem
                color: #999;
                font-size: 1.3rem
          >.right
            flex 6
            max-width 35rem
            min-width 35rem
            display flex
            align-items center
            justify-content center
            flex-direction column

.select-article-info
  width: 100%
  >.content
    position: relative;
    width: 100%
    img
      max-width 70%
  >.bottom
    position: relative;
    >.score
      position: relative;
      >.grade
        padding 0 2rem 2rem 2rem
    >.collect
      position: relative;
      display flex
      justify-content center
      height: 6rem
      align-items center
      >span
        display inline-block
        width: 5rem
        height: 5rem
        font-size: 1.8rem
        text-align center
        line-height: 5rem
        color #797979
        font-weight: 600
        box-shadow: 0 1px 3px rgba(26,26,26,.1);
        border-radius 50%
        cursor pointer
        transition all .3s
      >span.current
        color: #fff
        background-color: #ec7259
    .title
      position: relative;
      padding-left: 1.2rem
      border-left: .4rem solid #ec7259;
      font-size: 1.8rem
      font-weight: 500;
      height: 2rem
      line-height: 2rem
      margin-bottom: 1rem
    .toggle-reply-box {
      color: #79a5e5;
      cursor: pointer;
      margin-bottom: 20px;
    }
  >.top
    position: relative
    width: 100%
    display flex
    align-items center
    >.headImg
      display flex
      justify-content center
      >.score
        position: absolute;
        right: 0
        top: 0
      >div.aside
        margin-left: .8rem
        >.name
          font-size: 1.5rem
          font-weight: 400
        >.info
          font-size: 1.3rem
          color #969696
          >span
            margin-right: .3rem